
<include file="__TEMPLATE__/header.html"/>
<div style="height:35px;"></div>
 <div id="opus" class="Swd">
 	<div class="row">
<div style="padding-left:20px;padding-bottom:20px;color:red;">暂时只提供HTML+CSS页面的的查看，如果想查看详细的系统，请查看GIT库 <a target="_blank" href="http://git.oschina.net/cooldreamer/watched">http://git.oschina.net/cooldreamer/watched</a>  下载  <br/>
详细的代码，可以点击“代码查看”，在公共目录->code 里面，有所有HTML代码
</div>
<foreach from="$opusdb"  value="$v">
	  <div class="col-sm-6 col-md-4 wd">
	    <div class="thumbnail">
	    <div class="border-just">
	    	<a class="img" href=""><img class="shdaw" src="__ROOT__/{$v.opus_thumb}" alt="{$v.opus_title}" ></a>
	    </div>
	      
	      <div class="caption">
	        <h1 class="fonts-wi">{$v.opus_title}</h1>
	        <p>...</p>
	        <p><a href="{$v.opus_url}" target="_blank" class="btn btn-primary" role="button">页面浏览</a> <a href="/desk" class="btn btn-default" role="button" target="_blank">代码查看</a></p>
	      </div>
	    </div>
	  </div>
</foreach>

	</div>
 </div>
 <script type="text/javascript">
 $('a.img').hover(function() {
 	$(this).stop().animate({height:"220px",width:"360px"},500);
 	/* Stuff to do when the mouse enters the element */
 }, function() {
 	/* Stuff to do when the mouse leaves the element */
 	$(this).stop().animate({height:"200px",width:"340px"});
 });


 </script>
	<include file="__TEMPLATE__/footer.html"/>
